<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand text-uppercase" href="#">
    <img src="/assets/imgs/common/favicon_32.ico" width="30" height="30" class="d-inline-block align-top rounded-circle" alt="">
    ROGUE
  </a>
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/blogs">博客</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">资讯</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">书籍</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">工具</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">淘宝</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">关于</a>
      </li>
    </ul>
  </div>
</nav>
